$__AUI_DATEPICKER_SELECTOR: ".#{$aui-ns}-datepicker";

/// use to create a datepicker mixin
@mixin aui-date-mixin-datepicker() {
    position: relative;
    width: 210px;
    background-color: #ffffff;
    .aui-date {
        &__action {
            cursor: pointer;
        }
        &__day {
            cursor: pointer;
        }
    }
    .aui-year {
        background-color: #fff;
        &__action {
            cursor: pointer;
        }
        &__year {
            cursor: pointer;
        }
    }
    .aui-month {
        background-color: #fff;
        &__action {
            cursor: pointer;
        }
        &__month {
            cursor: pointer;
        }
        + .aui-year  {
            position: absolute;
            left: 0;
            height: 100%;
            top: 0;
        }
    }
    
}

@mixin aui-date-create-datepicker($selector: $__AUI_DATEPICKER_SELECTOR) {
    #{$selector} {
        @include aui-date-mixin-datepicker();
    }
}

/// 用来使用 datepicker的selector
@mixin aui-date-use-datepicker-selector() {
    #{$__AUI_DATEPICKER_SELECTOR} {
        @content;
    }
}

@include aui-vue-register-component("datepicker", (sel: $__AUI_DATEPICKER_SELECTOR));